<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="人生就是一部小说,记录生活的点滴" />
    <meta name="keywords" content="记录生活,小说人说,分享你的生活动态,订阅他人的分享" />
    <script>
    window._time = [Date.now()];
    </script>
    <link rel="stylesheet" href="../css/zxh_reset.min.css" />
    <link rel="stylesheet" href="../css/me.min.css" />
    <link rel="stylesheet" href="../util/font-awesome-3.2.1/css/font-awesome.min.css" />
    <title>记录生活的点滴</title>
</head>

<body>
    <script>
    window._time[1] = Date.now();
    </script>
    <div class="page-header clearfix">
        <h1 class="page-header-title pull-left">每个人的人生都是一部小说</h1>
        <div class="page-header-personal pull-right">
            <a href="../tpl/personal_center.html" class="personal-photo">
                <span class="name">君逸</span>
                <img src="../img/avtar.png" alt="test" />
            </a>
        </div>
    </div>
    <div class="page-aside">
        <ul class="navbar">
            <li>
                <a href="../tpl/index.html" class="home">
                    <i class="icon-home"></i>
                </a>
                <a href="../tpl/me.html">
                    <i class="icon-user"></i>
                </a>
            </li>
        </ul>
    </div>
    <!-- <div class="page-content clearfix">
        <div class="private pull-left">
            <div class="person-container">
                <img src="../img/avtar.png" alt="photo" />
                <div class="person-info">
                    <span class="name">君逸</span>
                    <span class="note">一句话介绍一下自己吧，让别人更了解你</span>
                </div>
            </div>
            
        </div>
        <div class="person article">
            <div id="article-content">
                <div class="article-item clearfix">
                    <div class="intro pull-left">
                        <div class="article-author">
                            <span class="author">君逸</span>
                            <span class="time">23小时前</span>
                        </div>
                        <a href="#" class="article-title">
                            <h1><strong>人生·感悟</strong>从吴奇隆刘诗诗的婚礼能看到什么</h1>
                        </a>
                        <div class="article-footer">
                            <a href="#" class="read">200阅读</a>
                            <a href="#" class="comment">15评论</a>
                            <a href="#" class="like">30喜欢</a>
                        </div>
                    </div>
                    <div class="photo pull-right">
                        <img src="../img/test/1.png" alt="test" />
                    </div>
                </div>
                <div class="article-item clearfix">
                    <div class="intro pull-left">
                        <div class="article-author">
                            <span class="author">君逸</span>
                            <span class="time">23小时前</span>
                        </div>
                        <a href="#" class="article-title">
                            <h1><strong>生活</strong>对不起，我只尊重值得尊重的老人</h1>
                        </a>
                        <div class="article-footer">
                            <a href="#" class="read">200阅读</a>
                            <a href="#" class="comment">15评论</a>
                            <a href="#" class="like">30喜欢</a>
                        </div>
                    </div>
                    <div class="photo pull-right">
                        <img src="../img/test/2.png" alt="test" />
                    </div>
                </div>
                <div class="article-item clearfix">
                    <div class="intro pull-left">
                        <div class="article-author">
                            <span class="author">君逸</span>
                            <span class="time">23小时前</span>
                        </div>
                        <a href="#" class="article-title">
                            <h1><strong>爱情</strong>美人 | 脖子美的女孩啊，都有天鹅的翅膀</h1>
                        </a>
                        <div class="article-footer">
                            <a href="#" class="read">200阅读</a>
                            <a href="#" class="comment">15评论</a>
                            <a href="#" class="like">30喜欢</a>
                        </div>
                    </div>
                    <div class="photo pull-right">
                        <img src="../img/test/3.png" alt="test" />
                    </div>
                </div>
                <div class="article-item article-brief clearfix">
                    <div class="intro pull-left">
                        <a href="#" class="article-title">
                            <h1><strong>分支推荐</strong>美人 | 脖子美的女孩啊，都有天鹅的翅膀</h1>
                        </a>
                        <div class="article-brief-box">
                            <span class="brief">门口开小超市的老板跟我吐槽。说有个老头，以前从没见过，到他店里什么也没买，扯了一把打包的塑料袋就走。他在后面追问：哎，老人家，你干什么的？！</span>
                        </div>
                        <div class="article-footer">
                            <a href="#" class="read">200阅读</a>
                            <a href="#" class="comment">15评论</a>
                            <a href="#" class="like">30喜欢</a>
                        </div>
                    </div>
                </div>
                <div class="article-item clearfix">
                    <div class="intro pull-left">
                        <div class="article-author">
                            <span class="author">君逸</span>
                            <span class="time">23小时前</span>
                        </div>
                        <a href="#" class="article-title">
                            <h1><strong>爱情</strong>美人 | 脖子美的女孩啊，都有天鹅的翅膀</h1>
                        </a>
                        <div class="article-footer">
                            <a href="#" class="read">200阅读</a>
                            <a href="#" class="comment">15评论</a>
                            <a href="#" class="like">30喜欢</a>
                        </div>
                    </div>
                    <div class="photo pull-right">
                        <img src="../img/test/3.png" alt="test" />
                    </div>
                </div>
                <div class="article-item clearfix">
                    <div class="intro pull-left">
                        <div class="article-author">
                            <span class="author">君逸</span>
                            <span class="time">23小时前</span>
                        </div>
                        <a href="#" class="article-title">
                            <h1><strong>爱情</strong>美人 | 脖子美的女孩啊，都有天鹅的翅膀</h1>
                        </a>
                        <div class="article-footer">
                            <a href="#" class="read">200阅读</a>
                            <a href="#" class="comment">15评论</a>
                            <a href="#" class="like">30喜欢</a>
                        </div>
                    </div>
                    <div class="photo pull-right">
                        <img src="../img/test/3.png" alt="test" />
                    </div>
                </div>
            </div>
            <div class="article-total-footer">
                <a href="javascript:void(0)" class="btn btn-load" id="btn-load">加载更多</a>
            </div>
        </div>
    </div> -->
    <div class="content">
        <div class="left-info pull-left">
            <div class="head-img-box">
                <div class="img-box">
                    <img src="../img/avtar.png" height="71" width="71" alt="">
                </div>
            </div>
            <div class="info-box">
                <h4 class="nickname">君逸</h4>
                <p class="plain">此生契阔,与子成说</p>
                <p>邮箱：837001764@126.com</p>
                <p>QQ：87654219</p>
                <p>博客：<a href="">github.com/Moriarty02</a></p>
            </div>
        </div>
        <div class="right-msg pull-right">
            <div class="file-upload">
                <input type="file" class="file-input">
                <p class="upload-item">我的简历</p>
                <p class="upload-item">0441204班级联系表</p>
                <p class="upload-item">学习日志</p>
            </div>
            <div class="class-list">
                <caption>课表</caption>
                <a href="../tpl/course.html" class="go-course">
                    <table border="1">
                        <thead>
                            <tr>星期一</tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th>一二节</th>
                                <td>Java程序设计</td>
                            </tr>
                            <tr>
                                <th>三四节</th>
                                <td></td>
                            </tr>
                            <tr>
                                <th>五六节</th>
                                <td>前端工程化</td>
                            </tr>
                            <tr>
                                <th>七八节</th>
                                <td></td>
                            </tr>
                            <tr>
                                <th>九十节</th>
                                <td></td>
                            </tr>
                            <tr>
                                <th>11,12节</th>
                                <td>晚修</td>
                            </tr>
                        </tbody>
                    </table>
                </a>
            </div>
        </div>
        <div class="main">
            <div class="dongtai-input clearfix">
                <div class="input-area">
                    <textarea placeholder="今天天气真好。。。"></textarea>
                </div>
                <div class="add-btn">图片</div>
            </div>
            <div class="send-btn clearfix">
                <a href="#">发表</a>
            </div>
            <div class="item-content">
                <div class="title-img pull-right">
                    <img src="../img/test/1.png" height="95" width="71" alt="">
                </div>
                <div class="item-wrap">
                    <p class="author"><span>君逸</span><span>23小时</span></p>
                    <div class="link-box">
                        <span class="kind">人生*感悟</span>
                        <a href="">
                            <span class="sub-title">
                                    从吴奇隆刘诗诗的婚礼能看到什么
                                </span>
                        </a>
                        <p class="sub-plain"><span>200阅读</span><span>15评论</span><span>30喜欢</span></p>
                    </div>
                </div>
            </div>
            <div class="item-content">
                <div class="title-img pull-right">
                    <img src="../img/test/1.png" height="95" width="71" alt="">
                </div>
                <div class="item-wrap">
                    <p class="author"><span>君逸</span><span>23小时</span></p>
                    <div class="link-box">
                        <span class="kind">毕业季</span>
                        <a href="">
                            <span class="sub-title">
                                    去年这个时候送学姐，今年就轮到我了
                                </span>
                        </a>
                        <p class="sub-plain"><span>240阅读</span><span>15评论</span><span>30喜欢</span></p>
                    </div>
                </div>
            </div>
            <div class="item-content">
                <div class="title-img pull-right">
                    <img src="../img/test/1.png" height="95" width="71" alt="">
                </div>
                <div class="item-wrap">
                    <p class="author"><span>君逸</span><span>23小时</span></p>
                    <div class="link-box">
                        <span class="kind">实习</span>
                        <a href="">
                            <span class="sub-title">
                                    累死累活干半年终于要回学校了
                                </span>
                        </a>
                        <p class="sub-plain"><span>2330阅读</span><span>15评论</span><span>30喜欢</span></p>
                    </div>
                </div>
            </div>
            <div class="item-content">
                <div class="title-img pull-right">
                    <img src="../img/test/1.png" height="95" width="71" alt="">
                </div>
                <div class="item-wrap">
                    <p class="author"><span>君逸</span><span>23小时</span></p>
                    <div class="link-box">
                        <span class="kind">吐槽</span>
                        <a href="">
                            <span class="sub-title">
                                    看样子，物理基本是要挂了，求学霸带仔细
                                </span>
                        </a>
                        <p class="sub-plain"><span>200阅读</span><span>15评论</span><span>30喜欢</span></p>
                    </div>
                </div>
            </div>
            <div class="item-content">
                <div class="title-img pull-right">
                    <img src="../img/test/1.png" height="95" width="71" alt="">
                </div>
                <div class="item-wrap">
                    <p class="author"><span>君逸</span><span>23小时</span></p>
                    <div class="link-box">
                        <span class="kind">赞赞赞</span>
                        <a href="">
                            <span class="sub-title">
                                    王红老师人真好
                                </span>
                        </a>
                        <p class="sub-plain"><span>200阅读</span><span>15评论</span><span>30喜欢</span></p>
                    </div>
                </div>
            </div>
            <div class="item-content">
                <div class="title-img pull-right">
                    <img src="../img/test/1.png" height="95" width="71" alt="">
                </div>
                <div class="item-wrap">
                    <p class="author"><span>君逸</span><span>23小时</span></p>
                    <div class="link-box">
                        <span class="kind">牢骚</span>
                        <a href="">
                            <span class="sub-title">
                                    好无聊啊
                                </span>
                        </a>
                        <p class="sub-plain"><span>200阅读</span><span>15评论</span><span>30喜欢</span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/html" id="temp-article-item">
    <%for(var i=0;i<data.length;i++) {%>
        <div class="article-item clearfix">
            <div class="intro pull-left">
                <div class="article-author">
                    <span class="author">用户</span>
                    <span class="time">发布时间</span>
                </div>
                <a href="#" class="article-title">
                    <h1><strong><%=data[i].branch%></strong><%=data[i].title%></h1>
                </a>
                <div class="article-footer">
                    <a href="#" class="read">
                        <%=data[i].read%>阅读</a>
                    <a href="#" class="comment">
                        <%=data[i].comment%>评论</a>
                    <a href="#" class="like">
                        <%=data[i].like%>喜欢</a>
                </div>
            </div>
            <div class="photo pull-right">
                <%if(data[i].photo){%>
                    <img src="<%=data[i].photo%>" alt="test" />
                    <%}%>
            </div>
        </div>
        <%}%>
</script>
<script src="../js/lib/require.js"></script>
<script type="text/javascript"></script>
<script>
window.onload = function() {
    window._time[2] = Date.now();
};
requirejs.config({
    baseUrl: '../js',
    paths: {
        jquery: 'lib/jq'
    }
})
require(['page/me'], function(me) {
    me.init();
})
</script>

</html>
